<template>
  <!-- 提示打开 -->
  <div class="openTip" @click.stop="openTipHide">
      <img v-show="lang=='zh-Hans'" src="~/assets/img/zh-openAppTip.png"/>
      <img v-show="lang=='km-KH'" src="~/assets/img/km-openAppTip.png" />
      <img v-show="lang=='en-US'" src="~/assets/img/en-openAppTip.png" />
  </div>
</template>

<script>
  export default {
    props: {
      lang: {
        default: 'zh-Hans'
      },
    },
    methods: {
      openTipHide () {
        this.$emit('openTipHide', true)
      }
    }
  }
</script>

<style scoped lang="scss">
  /* 打开提示 */
  .openTip {
      position: fixed; 
      width: 100%; 
      height: 100%; 
      top: 0; 
      left: 0; 
      background-color: rgba(0,0,0,.5); 
      z-index: 999;
      img {
          position: absolute; 
          top: 0; 
          right: 5px; 
          width: 440px;
      }
  }
</style>